@import "../_mixin";

.uc-set-up {

	.m_btn{
		color:#fff!important;
		width:80%!important;
		margin:auto;
		display:block;
		padding:0.25rem 0.0rem!important;
	}
	ul {
		margin-top: 0.266667rem;
 
		border-bottom: 1px solid #dddddd;
		background-color: #fff;

		li {
 
			width: 100%;
			padding: 0.4rem;
			border-top: 1px solid #dddddd;
			vertical-align:middle;
			position:relative;
			transition:0.1s;
			label {
				color: #333;
				@include font-dpr(18px);
				vertical-align:middle;
			}

			&.btn{
				text-align:center;
				@include fz(16px);
			}
			input[type='file']{
			    display: block;
			    position: absolute;
			    left: 0rem;
			    top: 0rem;
			    height: 100%;
			    width: 100%;
			    opacity: 0;
			}

			span {
				float: right;
				color: #999;
				@include font-dpr(16px);
				vertical-align:middle;

				i {
					@include font-dpr(14px);
				}
			}
			&:active{
				background: #f9f9f9;
			}


			&.sp{
				padding:0.55rem	0.4rem;
			}
			&.cover{
				img{
					max-width:80%;
				}
			}
			i{
				float:right;
				color:#999;
				@include fz(30px);
				position:absolute;
				right:0.4rem;
				top:50%;
				display:block;
				margin-top: -0.455rem;
			}
			.protrait{
				width:1.4rem;
				margin:auto;
				margin-bottom:0.05rem;
				position:absolute;
				right:0.5rem;
				top:0.1rem;
				img{
					border-radius:50%;
					width:100%;
					border:0.05rem solid #fff;
		    		box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
				}
			}



		}
	}

	.login-out {
		margin-top: 0.266667rem;
		padding: 0.346667rem 0;
		width: 100%;
		border-width: 1px 0 1px 0;	
		border-color: #ddd;
		border-style: solid;
		background-color: #fff;
		color: #666;
		@include font-dpr(19px);
	}

	.bottom-info {
		margin-top: 70%;
		width: 100%;
		color: #999;
		text-align: center;
		line-height: 150%;
		@include font-dpr(14px);

		i {
			@include font-dpr(14px);
			margin-right: 0.133333rem;
			color: $primaryColor;
		}
	}
	
}